<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
    <title>product_show.css</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <link rel="stylesheet" href="../../../../../css/reset.css" type="text/css" media="screen" />
<link rel="stylesheet" href="../../../../../css/main.css" type="text/css" media="screen" />
<link rel="stylesheet" href="../../../../../css/github.css" type="text/css" media="screen" />
<script src="../../../../../js/jquery-1.3.2.min.js" type="text/javascript" charset="utf-8"></script>
<script src="../../../../../js/jquery-effect.js" type="text/javascript" charset="utf-8"></script>
<script src="../../../../../js/main.js" type="text/javascript" charset="utf-8"></script>
<script src="../../../../../js/highlight.pack.js" type="text/javascript" charset="utf-8"></script>

</head>

<body>
    <div class="banner">
        
        <h1>
            product_show.css
        </h1>
        <ul class="files">
            
            <li>
                lib/assets/stylesheets/sale_app/product_show.css
                
            </li>
            <li>Last modified: 2017-01-21 19:33:58 +0800</li>
        </ul>
    </div>

    <div id="bodyContent">
        <div id="content">
  
    <div class="description">
      
<p>img{border:0;}
fieldset,button,input,select,option{vertical-align:middle;font:12px/18px
“宋体”,arial,sans-serif;} table{border-collapse:collapse;border-spacing:0}
textarea{resize:none}</p>

<pre><code>color
</code></pre>

<p>a:link,a:visited{color:#575757;text-decoration:none;}
a:hover{color:#ef4165;text-decoration:none;} a:active{color:#1d7400;}</p>

<pre><code>clearfix
</code></pre>

<p>.clearfix:after{ visibility:hidden; display:block; font-size:0; content:“
”; clear:both; height:0;} .clearfix{ zoom:1;}</p>

<p>.preview{width:400px; height:465px; margin:50px 0px 0px 150px;} /* smallImg
*/ .smallImg{position:relative; height:52px; margin-top:1px;
background-color:#F1F0F0; padding:6px 5px; width:390px;
overflow:hidden;float:left;} .scrollbutton{width:14px; height:50px;
overflow:hidden; position:relative; float:left; cursor:pointer; }
/*.scrollbutton.smallImgUp ,
.scrollbutton.smallImgUp.disabled{background:url(images/d_08.png)
no-repeat;} .scrollbutton.smallImgDown ,
.scrollbutton.smallImgDown.disabled{background:url(images/d_09.png)
no-repeat; margin-left:375px; margin-top:-50px;}*/</p>

<p>imageMenu {height:50px; width:360px; overflow:hidden; margin-left:0;
float:left;} imageMenu li {height:50px; width:60px; overflow:hidden;
float:left; text-align:center;} imageMenu li img{width:50px;
height:50px;cursor:pointer;} imageMenu li#onlickImg img, imageMenu li:hover
img{ width:44px; height:44px; border:1px solid #B70000;} /* bigImg */
.bigImg{  position:relative;</p>

<pre><code>float:left;
width:400px;
height:400px;
overflow:hidden;}</code></pre>

<p>.bigImg midimg{width:400px; height:400px;} .bigImg winSelector{width:235px;
height:210px;} winSelector{position:absolute; cursor:crosshair;
filter:alpha(opacity=15); -moz-opacity:0.15; opacity:0.15;
background-color:#000; border:1px solid fff;} /* bigView */ bigView{</p>

<pre><code>position:absolute;
border: 1px solid #959595;
overflow: hidden;
z-index:999;
margin-left: -165px;
margin-top: 60px;
display: block;</code></pre>

<p>} bigView img{</p>

<pre><code>position:absolute;
width: 600px;
height: 600px;
display: block;</code></pre>

<p>}</p>

<p>div.product_information {</p>

<pre><code>position: absolute;
float: right;
margin-left: 600px;
width: 800px;
margin-top: 60px;</code></pre>

<p>}</p>

<p>div.product_information div.product_name h1{</p>

<pre><code>line-height: 1.5em;
overflow: hidden;
font-weight: 700;
font-family: arial,&quot;microsoft yahei&quot;;
font-size: 16px;
margin-top: 15px;</code></pre>

<p>}</p>

<p>product_price {</p>

<pre><code>padding-top: 10px;
padding-bottom: 0;
padding-right: 81px;
line-height: 30px;
background: #f7f7f7;
margin-left: 50px;
margin-top: 15px;</code></pre>

<p>}</p>

<p>product_price .dt {</p>

<pre><code>float: left;
width: 72px;
margin-left: -52px;
display: inline;
text-align: right;
font-family: simsun;</code></pre>

<p>}</p>

<p>product_price .dd {</p>

<pre><code>width: 432px;</code></pre>

<p>}</p>

<p>product_price .p-price {</p>

<pre><code>display: inline-block;
vertical-align: middle;
color: #e4393c;
font-size: 20px;</code></pre>

<p>}</p>

<p>product_price .pricing {</p>

<pre><code>margin-left: 3px;
_font-family: simsun;</code></pre>

<p>}</p>

<p>product_format {</p>

<pre><code>display: block;
padding-top: 6px;
padding-bottom: 6px;
padding-left: 72px;
padding-right: 20px;
margin-left: -70px;
margin-top: 15px;</code></pre>

<p>}</p>

<p>product_format .dt{</p>

<pre><code>float: left;
width: 72px;
margin-left: -5px;
display: inline;
text-align: right;
font-family: simsun;</code></pre>

<p>}</p>

<p>h1 {</p>

<pre><code>font: 20px &quot;microsoft yahei&quot;,simsun;</code></pre>

<p>}</p>

<p>product-btns {</p>

<pre><code>width: 578px;
padding: 10px 0 8px 10px;
border-bottom: none;
margin-top: 20px;</code></pre>

<p>}</p>

<p>.product-amount {</p>

<pre><code>width: 49px;
height: 34px;
overflow: hidden;
border: 1px solid #ccc;
position: relative;
margin: 8px 10px 0 0;</code></pre>

<p>}</p>

<p>.fl {</p>

<pre><code>float: left;</code></pre>

<p>}</p>

<p>.product-amount a {</p>

<pre><code>display: block;
width: 15px;
text-align: center;
height: 17px;
line-height: 17px;
overflow: hidden;
background: #f1f1f1;
color: #666;
position: absolute;
right: -1px;
border: 1px solid #ccc;</code></pre>

<p>}</p>

<p>.product-amount a.btn-add {</p>

<pre><code>top: -1px;</code></pre>

<p>}</p>

<p>.product-amount a.disabled {</p>

<pre><code>color: #ccc;
cursor: not-allowed;</code></pre>

<p>} .product-amount a.btn-reduce {</p>

<pre><code>bottom: -1px;</code></pre>

<p>}</p>

<p>.product-amount input {</p>

<pre><code>display: block;
width: 31px;
height: 32px;
line-height: 32px;
position: absolute;
top: 1px;
left: 0;
border: none;
border: 0;
text-align: center;</code></pre>

<p>}</p>

<p>product-btns .btn {</p>

<pre><code>float: left;
height: 38px;
margin-top: 8px;
margin-bottom: 5px;</code></pre>

<p>}</p>

<p>product-btns .btn a {</p>

<pre><code>position: relative;
font: 400 18px/38px &quot;microsoft yahei&quot;;
text-align: center;
color: #F5F5F5;
float: left;
margin-right: 6px;
overflow: hidden;</code></pre>

<p>}</p>

<p>product-btns choose-btn-append a {</p>

<pre><code>line-height: 38px;</code></pre>

<p>}</p>

<p>product-btns .btn-append {</p>

<pre><code>width: 137px;
height: 38px;
margin-top: -15px;
background-color: #A70609;</code></pre>

<p>}</p>

<p>product-btns .btn-append:hover {</p>

<pre><code>background-color: rgba(167, 6, 9, 0.87);</code></pre>

<p>}</p>

<p>product-btns .fa{</p>

<pre><code>margin-right: 8px;</code></pre>

<p>}</p>

    </div>
  


  


  
  


  


  

  



  

    

    

    


    


    <!-- Methods -->
              </div>

    </div>
  </body>
</html>
